<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册</title>
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/swiper-3.4.2.min(1).css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/register.css">
</head>

<body>
    <header>
        <div class="head">
            <div class="heads">
                <p class="heads-left">·欢迎来到河南省内部审计协会官网·</p>
                <p class="heads-right">
                    <a href="">注册 |</a>
                    <a href="">登陆</a>
                </p>
            </div>
        </div>
        <div class="head-miiddle">
            <img src="../images/组 44.png" alt="">
            <div class="miiddle">
                <input type="text" value="" placeholder="">
                <span>搜索</span>
            </div>
            <img src="../images/NoPath - 副本 (12).png" alt="">
        </div>

    </header>
    <section>
        <div class="ding" style="background: url('../images/符号 15 – 1.png');background-size:100% 100%;height:690px;">
            <div class="login">
                <p>注册</p>
                <div class="login-top">
                    <input type="text" placeholder="用户名*">
                </div>
                <div class="login-middle">
                    <input type="password" placeholder="密码*">
                </div>
                <div class="login-middle">
                    <input type="password" placeholder="确认密码*">
                </div>
                <div class="login-top">
                    <input type="text" placeholder="电子邮箱*">
                </div>
                <div class="login-top">
                    <input type="text" placeholder="真实姓名*">
                </div>

                <div class="login-ti">

                    <div class="login-title">
                        <input type="text" placeholder="验证码">
                    </div>
                    <div class="login-me">
                        <img src="../images/54.png" alt="">
                    </div>
                    <a href="">换一张</a>
                </div>
                <div class="go">

                    <div class="login-bottom">
                        <button>注册</button>
                    </div>
                    <div class="login-bottoms">
                        <button>重填</button>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- <div class="null"></div> -->
    <!-- 底部 -->
    <footer>
        <div class="ends">
            <p>河南省内部审计协会 版权所有</p>
            <p>协会地址：埃里克技术大反复将发放1将发放卡萨费尽全力</p>
            <p>联系电话：18240701988 电子邮箱：860258541@123.com</p>
            <p>copy@2018.ALL righrs reserved</p>
        </div>
    </footer>
    <div class="nulll"></div>
    <!-- 底部结束 -->
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

    <script>
        // 鼠标移入时，显示暗红。隐藏下拉框
        $(".gaikuang").mouseover(function() {
            $(this).css("background-color", "#812323")
            $(".xiehui").eq($(this).index() - 1).show();
        });
        // 鼠标移出后，显示红色（和背景色是一个颜色），展示下拉框
        $(".gaikuang").mouseout(function() {
            $(this).css("background-color", "#d80505")
            $(".xiehui").hide();
        });
    </script>
</body>

</html>